/* 全局主题变量 */
:root {
  /* 白天主题（默认）- 商务风格 */
  --primary-bg: #f5f7fa;
  --secondary-bg: #ffffff;
  --sidebar-bg: #2b394f;
  --text-primary: #2d3748;
  --text-secondary: #718096;
  --border-color: #e2e8f0;
  --card-bg: #ffffff;
  --hover-bg: #f7fafc;
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  
  /* 过渡动画 */
  --transition-duration: 0.3s;
}

/* 全局主题切换过渡效果 */
* {
  transition: background-color var(--transition-duration) ease,
              color var(--transition-duration) ease,
              border-color var(--transition-duration) ease,
              box-shadow var(--transition-duration) ease;
}

/* 黑夜主题 - 商务风格 */
[data-theme="dark"] {
  --primary-bg: #1a202c;
  --secondary-bg: #2d3748;
  --sidebar-bg: #1a202c;
  --text-primary: #f7fafc;
  --text-secondary: #a0aec0;
  --border-color: #4a5568;
  --card-bg: #2d3748;
  --hover-bg: #374151;
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* 主题切换开关样式 */
.theme-switch {
  position: relative;
}

.theme-switch .el-switch {
  --el-switch-on-color: #409eff;
  --el-switch-off-color: #dcdfe6;
}

/* 黑夜主题下的开关样式 */
[data-theme="dark"] .theme-switch .el-switch {
  --el-switch-on-color: #67c23a;
  --el-switch-off-color: #606266;
}






